<!DOCTYPE html>
<html>
<head>
    <title>售后退款表</title>
    <#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <el-form :inline="true" size="mini">
                <el-form-item label="订单号">
                    <el-input v-model="q.srOrderId" placeholder="订单号"></el-input>
                </el-form-item>
                <el-form-item label="退款状态">
                    <el-select v-model="q.srRefundStatus" clearable placeholder="退款状态">
                        <el-option
                                v-for="item in srRefundStatusList"
                                :key="item.value"
                                :label="item.label"
                                :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button icon="el-icon-search" @click="query" circle></el-button>
                </el-form-item>
            </el-form>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <!--确认退款弹窗-->
    <el-dialog title="确认退款" :visible.sync="dialogRefundVisible" width="40%">
        <el-form label-width="100px" size="mini">
            <el-form-item label="售后类型" >
                <span>{{currentData.srTypeText}}</span>
            </el-form-item>
            <el-form-item label="退款路径" >
                <span>{{currentData.srRefundPathText}}</span>
            </el-form-item>
            <el-form-item label="账户类型" >
                <span>{{currentData.srAccountTypeText}}</span>
            </el-form-item>
            <!--银行卡相关信息-->
            <div v-if="currentData.srAccountType==1">
                <el-form-item label="银行卡号:" >
                    <span>{{currentData.srBankCode}}</span>
                </el-form-item>
                <el-form-item label="持卡人姓名:" >
                    <span>{{currentData.srBankCardholder}}</span>
                </el-form-item>
                <el-form-item label="银行名称:" >
                    <span>{{currentData.srBankName}}</span>
                </el-form-item>
                <el-form-item label="开户行:" >
                    <span>{{currentData.srBankOpen}}</span>
                </el-form-item>
            </div>
            <!--支付宝相关信息-->
            <div v-if="currentData.srAccountType==2">
                <el-form-item label="支付宝账号:" >
                    <span>{{currentData.srAlipayCode}}</span>
                </el-form-item>
                <el-form-item label="支付宝姓名:" >
                    <span>{{currentData.srAlipayName}}</span>
                </el-form-item>
            </div>
            <el-form-item label="退款时间:" required>
                <el-date-picker   type="date" v-model="serviceRefunds.srRefundTime"
                                  placeholder="选择日期" value-format="yyyy-MM-dd HH:hh:mm">

                </el-date-picker>
            </el-form-item>
            <el-form-item  label="退款说明">
                <el-input type="textarea" :rows="3" v-model="serviceRefunds.srExplain" placeholder="请输入退款说明"  > </el-input>
            </el-form-item>
        </el-form>
        <div slot="footer" class="dialog-footer">
            <el-button size="small" @click="dialogFormVisible = false">取 消</el-button>
            <el-button size="small" type="primary" @click="confirmRefund">确 定</el-button>
        </div>
    </el-dialog>
</div>

<script src="${request.contextPath}/statics/js/modules/service/servicerefunds.js?_${.now?long}"></script>
</body>
</html>